<template>
    <div id="app">
        <s-header :name="'视频详情'"></s-header>
        <div id="Home" class="y-flex">
            <div id="atlas"></div>
        </div>
        <div class="video-content">
            <player-video :img="videoInfo.img"></player-video>
        </div>
        <div>{{ videoInfo.title }}</div>
    </div>
</template>
<script>
import PlayerVideo from '@/components/VideoPlay'
import sHeader from '@/components/SimpleHeader'
export default {
  components: {
    PlayerVideo,
    sHeader
  },
  data() {
    return {
        // src: "http://175.178.214.244:8888/group1/M00/00/00/CgAIEGKKWL-EcXA9AAAAAIjfiKM905.mp4",
      }
  },
  created() {
    this.videoInfo = this.$route.query.videoInfo
  },
  methods: {
    onClickLeft() {
        
      }
  }

}
</script>
<style>
#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
    text-align: center;
}

.video-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
</style>